<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
		<!--		引入axios-->
		<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.js"></script>

		<!-- 引入el框架 -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<link rel="stylesheet" href="./css/style.css" />
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
		<title>个人中心</title>
	</head>
	<body>
		
			<div class="personal_center" id="app" >
				<h2>个人中心</h2>
				<span>
				用户名：<input type="text" name="username" value=""/ style="background-color: #F5F5DC;">	</span>
				<button type="button"  @click="shipping_address">收货地址</button><br>
				<button type="button"  @click="account_security">账号安全</button><br>
				<button type="button"  @click="notice">通知</button><br>
				<button type="button"  @click="bill">账单</button><br>
				<button type="button" @click="privacy">隐私</button><br>
				<button type="button"  @click="about">关于潇湘大药房</button><br>


			
			</div>
		
		
		<script>
			var app = new Vue({
				el:'#app',
				data:{
					
				},
				methods:{
					username(){
						window.location.href='http://127.0.0.1:8848/keshe/username.html'
					},
					shipping_address(){
						window.location.href='http://127.0.0.1:8848/keshe/shipping_address.html'
					},
					account_security(){
						window.location.href='http://127.0.0.1:8848/keshe/account_security.html'
					},
					notice(){
						window.location.href='http://127.0.0.1:8848/keshe/notice.html'
					},
					bill(){
						window.location.href='http://127.0.0.1:8848/keshe/bill.html'
					},
					privacy(){
						window.location.href='http://127.0.0.1:8848/keshe/privacy.html'
					},
					about(){
						window.location.href='http://127.0.0.1:8848/keshe/about.html'
					},
					
				}
			})
		</script>
	</body>
</html>
